<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>
<style>
.boxs {
  padding: 20px;
}
.img {
    width: 100%;
    height: 100%;
    /* justify-content: spa; */
}

.flex_ {
    display: flex;
    align-items: center;
}

.flex_between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flex_center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex_ccenter {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.flex_around {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.flex_around_ {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.flex_column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
</style>
